<template>
  <section>
    <!-- <TheWelcone /> -->

    <s-icon icon="search"></s-icon>
    <s-icon icon="search" color="blue"></s-icon>
    <s-icon icon="search" size="30px" color="blue"></s-icon>
    <br />

    <s-icon icon="star"></s-icon>
    <s-icon icon="star" color="red"></s-icon>
    <s-icon icon="star" size="30px" color="red"></s-icon>
    <br />

    <s-icon icon="plus"></s-icon>
    <s-icon icon="plus" color="blue"></s-icon>
    <s-icon icon="plus" size="30px" color="blue"></s-icon>
    <br />

    <s-icon icon="edit"></s-icon>
    <s-icon icon="edit" color="blue"></s-icon>
    <s-icon icon="edit" size="30px" color="blue"></s-icon>
    <br />

    <s-icon icon="save"></s-icon>
    <s-icon icon="save" color="green"></s-icon>
    <s-icon icon="save" size="30px" color="green"></s-icon>
  </section>
</template>

<script setup>
import { getAsyncComponent } from '@/utils'
const TheWelcone = getAsyncComponent('../components/TheWelcome.vue')
</script>
